<template>
    <div class="box">
        <div>
            <slot></slot>
        </div>
        <div>
            <div>{{lessionTitle}}</div>
            <div>{{lessionDesc}}</div>
        </div>
    </div>
</template>

<script>
export default {
    props:{
        lessionTitle:String,
        lessionDesc:String
    }
}
</script>

<style lang="scss">
    .box{
        width: 312px;
        height: 400px;
        overflow: hidden;
        background-color: #ccc;
        border-radius: 10px;
        margin: 10px;
    }
</style>